<template>
<div>
  <ul  v-infinite-scroll>
      <li v-for="(item,index) in shoplist">
        <div>{{item.name}}</div>
        <div>
          <ul>
            <li v-for="(food,index) in item.foods">
              <div>{{food.rating}}</div>
            </li>
          </ul>
        </div>
      </li>
    </ul>
</div>
</template>

<script type="text/ecmascript-6">
// import axios from "axios";

import shopList from '../assets/shopList.json'

export default {
  data () {
    return {
      shoplist : shopList,
      selected : ''
    }
  }
};
</script>
 <style scoped >

</style>
